<template>
  <el-select
    v-model="activePage"
    placeholder="请选择"
    class="percent-w100"
    @change="changeFunc"
    value-key="url"
  >
    <el-option
      v-for="item in pages"
      :key="item.url"
      :value-key="item.name"
      :label="item.name"
      :value="item"
    ></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      /*页面数据*/
      pages: [
        {
          url: "/pages/user/address/address",
          name: "收货地址",
          type: "菜单",
        },
        {
          url: "/pages/coupon/coupon",
          name: "领券中心",
          type: "菜单",
        },
        {
          url: "/pages/user/my-coupon/my-coupon",
          name: "我的优惠券",
          type: "菜单",
        },
        {
          url: "/pages/user/my_attention/my_attention",
          name: "我的收藏",
          type: "菜单",
        },
        {
          url: "/pages/plus/signin/signin",
          name: "签到有礼",
          type: "菜单",
        },
        {
          url: "/pages/user/evaluate/list",
          name: "我的评价",
          type: "菜单",
        },
        {
          url: "/pages/user/set/set",
          name: "设置",
          type: "菜单",
        },
        {
          url: "scanQrcode",
          name: "扫一扫",
          type: "菜单",
        },
      ],
      /*选中的值*/
      activePage: "收货地址",
    };
  },
  created() {
    /*初始化*/
    this.changeFunc(this.pages[0]);
  },
  methods: {
    /*选中的值*/
    changeFunc(e) {
      this.$emit("changeData", e);
    },
  },
};
</script>

<style></style>
